﻿<link href="~/css/jquery.treeview.css" rel="stylesheet" />
<script src="~/js/jquery.treeview.min.js"></script>
<script>
    $(document).ready(function () {
        $("#tree").treeview({
            animated: "fast",
            collapsed: true,
        });
    });
</script>
<div class="row-fluid">
    <div class="span3">
        <div class="border-padding10 margin0 tickettree" style="background: #F7F7F7;">
            <div class="margin0">
                <a class="btn btn-mini btn-refresh-tickettree" style="float: right; padding: 1px 6px 1px 6px; border-radius: 2px;" onclick="refreshTree()"></a>
            </div>
            <div class="group-filter-tree-bg scrollable">
                @Html.Raw(ViewBag.Tree)
            </div>
            @*<ul class="ticket-filter scrollable">
                <li class="ticket-filter-active">
                    <a onclick="FilterTicket(2,$('#divListTicket'))" href="javascript:;">Unassigned tickets
                                    <span class="count-ticket">@ViewBag.UnassignedTickets</span></a>
                </li>
                <li>
                    <a onclick="FilterTicket(3,$('#divListTicket'))" href="javascript:;">All unsolved tickets
                        <span class="count-ticket">@ViewBag.AllUnsolvedTickets</span></a>
                </li>
                <li>
                    <a onclick="FilterTicket(9,$('#divListTicket'))" href="javascript:;">Tickets from Help Desk
                        <span class="count-ticket">@ViewBag.FromHelpDesk</span></a>
                </li>

                <li>
                    <a onclick="FilterTicket(4,$('#divListTicket'))" href="javascript:;">New tickets
                                    <span class="count-ticket">@ViewBag.NewTickets</span></a>
                </li>
                <li>
                    <a onclick="FilterTicket(5,$('#divListTicket'))" href="javascript:;">Open tickets
                                    <span class="count-ticket">@ViewBag.OpenTickets</span></a>
                </li>

                <li>
                    <a onclick="FilterTicket(6,$('#divListTicket'))" href="javascript:;">Pending tickets
                                    <span class="count-ticket">@ViewBag.PendingTickets</span></a>
                </li>
                <li>
                    <a onclick="FilterTicket(7,$('#divListTicket'))" href="javascript:;">Solved tickets
                                    <span class="count-ticket">@ViewBag.SolvedTickets</span></a>
                </li>

                <li>
                    <a onclick="FilterTicket(8,$('#divListTicket'))" href="javascript:;">Closed tickets
                                    <span class="count-ticket">@ViewBag.ClosedTickets</span></a>
                </li>
            </ul>*@
        </div>
    </div>
    <div class="span9">
        <div id="divListTicket" class="ticket-result">
            <table class="table table-fix table-ticket">
                <thead>
                    <tr>
                        <th></th>
                        <th style="text-align: center">ID</th>
                        <th>Subject</th>
                        <th>Requester</th>
                        <th>Requested</th>
                        <th>Assigned To</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</div>
